<template>
  <div class="top">
    <img
      src="https://pic.cdfgsanya.com/assets/upload/visual/d1b3c445d70b64e1f7b90afaf02b4fb9.png"
      alt=""
    />
    <van-search
      background="#e9e3ed"
      placeholder="兰蔻"
      shape="round"
      @click="fun()"
    />
    <van-icon name="service-o" />
  </div>
</template>

<script>
import service from "../../../utils/service";
export default {
  name: "home",
  data() {
    return {};
  },
  methods: {
    fun() {
      
    },
  },
//   mounted(){
//     service({
//         url: "api/index/nav",
//         method: "get",
//       }).then(res=>{
//         console.log(res.data);
//       })
//   }
  //   mounted() {
  //     service({
  //       url: "/api/index/nav",
  //       method: "get",
  //     }).then((res) => {
  //       console.log(res.data);
  //     });
  //   },
};
</script>

<style scoped>
.top {
  width: 100%;
  height: 54px;
  background-image: url(https://pic.cdfgsanya.com/assets/upload/visual/66b9bb88509f3de2b3c4f589f68af769.png);
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  color: black;
  /* position: fixed; */
  top: 0;
  z-index: 999;
}
.top img {
  height: 34px;
  padding-left: 5px;
}
van-icon {
  margin-right: 5px;
}
</style>